<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/pearFrame.css" />
		<link rel="stylesheet" href="css/layui/css/layui.css" />
		<link rel="stylesheet" href="admin/css/pearButton.css" />
		<style>
			.layui-form{width: 330px;margin: auto;margin-top: 180px;}
			.layui-form button{width: 100%;height: 44px;line-height: 44px;font-size: 16px;font-weight: 550;}
			.layui-form-checked[lay-skin=primary] i {border-color: #2D8CF0 !important;background-color: #2D8CF0;color: #fff;}
			.layui-tab-content{margin-top: 15px;padding-left: 0px;padding-right: 0px;}
			.layui-form-item{margin-top: 20px;}
			.layui-input{height: 44px;line-height: 44px;padding-left: 15px;border-radius: 3px;}
			.layui-input:focus{box-shadow: 0px 0px 3px 1px #2D8CF0!important;}
			.logo{width: 60px;margin-top: 10px;margin-bottom: 10px;margin-left:20px;}
			.title{font-size: 30px;font-weight: 550;margin-left: 20px;color: #2D8CF0 !important;display: inline-block;height: 60px;line-height: 60px;margin-top: 10px;position: absolute;}
			.desc{width: 100%;text-align: center;color: gray;height: 60px;line-height: 60px;}
		</style>
	</head>
	<body background="img/other/background.svg">
	    <form class="layui-form" action="javascript:void(0);">
			<div class="layui-form-item">
				<!-- <img class="logo" src="img/other/logo.png" /> -->
				
				<img class="logo" src="img/logo/1.jpg" />
				<div class="title">红莓 admin</div>
				<div class="desc">
					极简易用是王道
				</div>
			</div>
            <div class="layui-form-item">
				<input placeholder="账 户 : admin" hover class="layui-input" />
			</div>
			<div class="layui-form-item">
				<input placeholder="密 码 : 888888" hover class="layui-input" />
			</div>
			<div class="layui-form-item">
				<input type="checkbox" name="" title="记住密码" lay-skin="primary" checked>
			</div>
            <div class="layui-form-item">
				<button class="pear-btn pear-btn-primary login">
					登 入 
				</button>
			</div>
		</form>
		<script src="css/layui/layui.all.js"></script>
		<script>
			layui.use(['form', 'element','jquery'], function() {
				var from = layui.form;
				var element = layui.element;
				var $ = layui.jquery;
				
				$("body").on("click",".login",function(){
					
					location.href="index.html"
				})
			})
		</script>
	</body>
</html>
